---
layout: default
---

<div class="person-wrapper">
    <div class="wrapper">
        <article class="person">
            <header class="person-header">
                <div class="person-avatar">
                    {% if page.avatar %}
                    <img src="{{ page.avatar | relative_url }}" alt="{{ page.name }}">
                    {% else %}
                    <div class="avatar-placeholder">
                        <i class="fas fa-user"></i>
                    </div>
                    {% endif %}
                </div>
                
                <div class="person-info">
                    <h1 class="person-name">{{ page.name }}</h1>
                    {% if page.position %}
                    <p class="person-position">{{ page.position }}</p>
                    {% endif %}
                    {% if page.affiliation %}
                    <p class="person-affiliation">{{ page.affiliation }}</p>
                    {% endif %}
                    
                    <div class="person-links">
                        {% if page.email %}
                        <a href="mailto:{{ page.email }}" class="person-link">
                            <i class="fas fa-envelope"></i>
                        </a>
                        {% endif %}
                        {% if page.github %}
                        <a href="https://github.com/{{ page.github }}" target="_blank" class="person-link">
                            <i class="fab fa-github"></i>
                        </a>
                        {% endif %}
                        {% if page.linkedin %}
                        <a href="{{ page.linkedin }}" target="_blank" class="person-link">
                            <i class="fab fa-linkedin"></i>
                        </a>
                        {% endif %}
                        {% if page.website %}
                        <a href="{{ page.website }}" target="_blank" class="person-link">
                            <i class="fas fa-globe"></i>
                        </a>
                        {% endif %}
                    </div>
                </div>
            </header>
            
            <div class="person-content">
                {{ content }}
            </div>
        </article>
    </div>
</div>